<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Love Songs</title>

<style type="text/css">
/* 基本选择器 */
#ym span {color:blue;
font-size: 20px;}

#ym #head, #ym>.love {color: grey;}

/* 组合选择器：包含选择器 */

#jjy span {color: red;
    font-size: 20px;}

#ym address {color: blue;}
#jjy address {color: red;}

/* #ym mark .love {color: black;} */

/* 伪选择器 */
#ym .love:hover {color:purple;}

span:hover {font-weight: bold;}

/* 超链接样式 */

a {text-decoration: none;
color:cadetblue;}

a:hover {text-decoration: underline;
color:purple;}

#jjy a:hover {color:red;}

</style>

</head>
<body>
    <h1>情歌三百首</h1>
    <pre id="ym">
        <span>《爱的供养》</span>
        <address><a href="https://baike.baidu.com/item/%E6%9D%A8%E5%B9%82/149851">杨幂</a></address>
        <span id="head">把</span>你捧在手上 虔诚地焚香  
        剪下一段烛光 将经纶点亮
        不求荡气回肠 只求<span class="love">爱</span>一场
        <mark><span class="love">爱</span>到最后受了伤 哭得好绝望</mark>
        ...
        我用尽一生一世来将你供养
        人世间有太多的烦恼要忘 
        苦海中飘荡着你 那旧时的模样
        一回头发现早已踏出了红尘万丈
    </pre>

<audio controls>
    <source src="爱的供养.mp3" type="audio/mpeg"></source>
    爱的供养不能播放
</audio>

    <pre id="jjy">
        <span>《叹云兮》</span>
        <address><a href="">鞠婧祎</a></address>
        若这个世界凋谢
        我会守在你身边
        用沉默坚决
        对抗万语千言
        倘若这世间
        一切都在无情的崩裂
        ...
        我想我依然会 用我的一切
        换明天 就算我不在里面
        可你会明白我对你的永世不变
        这是缘
        亦是命中最美的相见
        别恨天
        笑容更适合你的脸
        再一遍
        记起从前的一滴一点
        别怨我不在身边
        记住 我会在你的心里面
        我会在你心间
        做你心头血
</pre>

</body>
</html>